<cfoutput>
	<div name="QdivImage" id="QdivImage" style="margin-top: 16px; margin-left: auto; margin-right: auto; height: 500px; width: 500px;">
		<div  style="margin-left: auto; margin-right: auto; position: absolute; top: 35%; left: 50%;">
			<img name="Qimage" id="Qimage" style="max-width: 600px; max-height: 500px;" src="#file.filepath#" alt="#file.filename#">
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
			$(window).load(
				function() {
					//get height and width (unitless) and divide by 2
					var hWide = ($("##Qimage").width())/2; //half the image's width
					var hTall = ($("##Qimage").height())/2; //half the image's height, etc.
					// attach negative and pixel for CSS rule
					hWide = '-' + hWide + 'px';
					hTall = '-' + hTall + 'px';

					$("##Qimage").css({
					"margin-left" : hWide,
					"margin-top" : hTall
					});
				}
			);
		}); 
	</script>
</cfoutput>